<template>
	<view class="container">
		<navbar :config="config" ref="navbar" backColor="#000"></navbar>
		<view class="top-state">
			<!--申请退货中-->
			<!-- 维权订单操作状态（0申请，1同意，2买家已发货，3商家已收到退货商品,4商家发起退款支付，5已支付退款,6拒绝，7自动关闭,8主动撤消 -->
			<view class="refund-underway obligation" v-if="status==0">
				<view class="u-flex-center u-flex1">
					<image class="timeImg" :src="imgUrl+'/time.png'"></image>
					<view class="u-flex1">
						<!-- <view class="u-font32 u-bold" style="margin-bottom: 5px;">请等待商家处理</view> -->
						<view class="close_modeClass">你的申请已经提交，还剩{{$mUtil.patTime(last_agree_time)}}商家自动同意申请。</view>
					</view>
				</view>
			</view>

			<!--商家同意，等待买家发货-->
			<view class="refund-underway obligation" v-if="type==2&&status==1">
				<view class="u-flex-center u-flex1">
					<image class="timeImg" :src="imgUrl+'/time.png'"></image>
					<view class="u-flex1">
						<!-- <view class="u-font32 u-bold" style="margin-bottom: 5px;">请退货并填写物流信息</view> -->
						<view class="close_modeClass">还剩{{$mUtil.patTime(last_ship_time)}}，如果未发货自动取消售后。</view>
					</view>
				</view>
			</view>
			<!--商家同意，等待买家发货-->

			<view class="refund-underway obligation" v-if="type==1&&status==1">
				<view class="u-flex-center u-flex1">
					<image class="timeImg" :src="imgUrl+'/time.png'"></image>
					<view class="u-flex1">
						<!-- <view class="u-font32 u-bold" style="margin-bottom: 5px;">商家已同意</view> -->
						<view class="close_modeClass">还剩{{$mUtil.patTime(last_agree_time)}}，如果未退款自动完成退款。</view>
					</view>
				</view>
			</view>
			<!--商家拒绝-->

			<view class="refund-underway obligation" v-if="status==6">
				<view class="u-flex-center u-flex1">
					<image class="timeImg" :src="imgUrl+'/time.png'"></image>
					<view class="u-flex1">
						<!-- <view class="u-font32 u-bold" style="margin-bottom: 5px;">商家拒绝了你的售后申请</view> -->
						<view class="close_modeClassNo" style="word-break:break-all" v-if="statusRson">原因为：{{statusRson}}
						</view>
					</view>
				</view>
			</view>
			<!--商家拒绝-->

			<view class="refund-underway obligation" v-if="status==7">
				<view class="u-flex-center u-flex1">
					<image class="timeImg" :src="imgUrl+'/time.png'"></image>
					<view class="u-flex1">
						<!-- <view class="u-font32 u-bold" style="margin-bottom: 5px;">自动关闭</view> -->
						<view class="close_modeClassNo">该维权订单超时未发货，已自动关闭</view>
					</view>
				</view>
			</view>
			<!--商家拒绝-->

			<view class="refund-underway obligation" v-if="status==8">
				<view class="u-flex-center u-flex1">
					<image class="timeImg" :src="imgUrl+'/time.png'"></image>
					<view class="u-flex1">
						<!-- <view class="u-font32 u-bold" style="margin-bottom: 5px;">自动关闭</view> -->
						<view class="close_modeClassNo">该维权订单超时未发货，已自动关闭</view>
					</view>
				</view>
			</view>
			<!--待商家收货-->
			<view class="refund-underway obligation" v-if="type==2&&status==2">
				<view class="u-flex-center u-flex1">
					<image class="timeImg" :src="imgUrl+'/time.png'"></image>
					<view class="u-flex1">
						<!-- <view class="u-font32 u-bold" style="margin-bottom: 5px;">等待商家确认收货</view> -->
						<view class="close_modeClassNo">还剩{{$mUtil.patTime(last_receipt_time)}}，如果商家未确认收货则自动确认收货。</view>
					</view>
				</view>
			</view>


			<!--商家同意，待打款-->
			<view class="refund-underway obligation" v-if="type==2&&status==3">
				<view class="u-flex-center u-flex1">
					<image class="timeImg" :src="imgUrl+'/time.png'"></image>
					<view class="u-flex1">
						<!-- <view class="u-font32 u-bold" style="margin-bottom: 5px;">商家已同意申请，待打款</view> -->
						<view class="close_modeClassNo">预计1-3天内打款成功</view>
					</view>
				</view>
			</view>

			<!--退货完成-->
			<view class="refund-underway obligation" v-if="status==5">
				<view class="u-flex-center u-flex1">
					<image class="timeImg" :src="imgUrl+'/time.png'"></image>
					<view class="u-flex1">
						<!-- <view class="u-font32 u-bold" style="margin-bottom: 5px;">退货/退款完成</view> -->
						<view class="close_modeClassNo">款项已沿原路返回至您的付款账户。</view>
					</view>
				</view>
			</view>

			<view class="blackinfos  u-bg-fff u-border-one">
				<view class="u-font32 u-1A1A1A u-bold">退款说明</view>
				<view class="u-flex-center u-mt15">
					<text class="u-font26 u-1A1A1A">·</text>
					<text class="u-font24 u-999">未与商家协商一致，请勿使用到付或平邮，以免商家拒签货物</text>
				</view>
				<view class="u-flex-center u-mt15">
					<text class="u-font26 u-1A1A1A">·</text>
					<text class="u-font24 u-999">交易的欠款还在金字中间账户，确保您资金安全</text>
				</view>
				<view class="u-flex-center u-mt15">
					<text class="u-font26 u-1A1A1A">·</text>
					<text class="u-font24 u-999">请填写真实退货物流信息，逾期未填写，退货申请将关闭</text>
				</view>
			</view>
		</view>
		<view v-if="type==2">
			<view style="margin: 0 30rpx;" v-if="status==1||status==2||status==3||status==4||status==5">
				<ldAddress v-if="!configInfo.third" :value="address"></ldAddress>
				<ldMerchantAddress v-if="configInfo.third" :value="merchantSellerInfo" :third="configInfo.third">
				</ldMerchantAddress>
			</view>
		</view>

		<view class="u-plr30 u-bg-fff u-mt30" v-if="type==2">
			<view v-if="status==1">
				<view class="u-flex-center-sb u-border-one">
					<view class="u-font32 u-474747  u-ptb30">物流单号</view>
					<input class="u-flex1 u-text-right" type="text" placeholder="填写物流单号" @input="inputLog" value="" />
				</view>
				<picker @change="pickerChange" :value="typeIndex" range-key="name" :range="logisticsList">
					<view class="u-flex-center-sb">
						<view class="u-font32 u-474747  u-ptb30">物流公司</view>
						<view class="u-flex-center">
							<view class="u-font30 u-474747  u-ptb30" v-if="logisticsList[typeIndex]">
								{{logisticsList[typeIndex].name}}
							</view>
							<view class="iconfont u-font28 u-AAAAAA ">&#xe6c7;</view>
						</view>
					</view>
				</picker>
				<view class="voucher-box" v-if="configInfo.third">
					<view class="u-font32 u-474747  u-ptb30">上传凭证</view>
					<view class="u-mt25">
						<uploadImg imgCount="3" url="" :type="upimgtype" @result="resultUrl" @delImg="delImg">
						</uploadImg>
					</view>
				</view>
			</view>
			<view v-if="status==2||status==3||status==4||status==5">
				<view class="u-flex-center-sb u-border-one">
					<view class="u-font32 u-474747  u-ptb30">物流单号</view>
					<view class="u-font30 u-474747  u-ptb30 " v-if="configInfo.rights_order_ship_record">
						{{configInfo.rights_order_ship_record.logistic_code}}
					</view>
				</view>
				<view class="u-flex-center-sb">
					<view class="u-font32 u-474747  u-ptb30">物流公司</view>
					<view class="u-font30 u-474747  u-ptb30" v-if="configInfo.rights_order_ship_record">
						{{configInfo.rights_order_ship_record.express_name}}
					</view>
				</view>
				<view class="voucher-box" v-if="configInfo.third">
					<view class="u-font32 u-474747  u-ptb30 u-bold">上传凭证</view>
					<view class="u-font30 u-474747" v-if="configInfo.rights_order_ship_record">
						<view class="imgList u-flex-center" v-for="(imgsurl,indexs) in configInfo.voucher_images"
							:key="indexs">
							<image :src="imgsurl" mode="widthFix" class="u-mr30 img"></image>
						</view>
					</view>
				</view>
			</view>
		</view>

		<view class="pabox">
			<view class="u-font32 u-474747 h90">退货信息</view>
			<view v-for="(items) in configInfo.rights_child_orders" :key="items.id">
				<ldgoodsbalck :value="items"></ldgoodsbalck>
			</view>
			<view class="u-font28 u-474747 u-mt30 bg-fff">
				<!-- u-border-one -->
				<view class="sbView ">
					<view>{{type==1?'退款原因':'退货原因'}}</view>
					<view>{{configInfo.reason}}</view>
				</view>
				<view class="sbView ">
					<view>退款金额</view>
					<view class="redView">￥{{configInfo.refund_money}} </view>
				</view>
				<view class="sbView " v-if="configInfo.refund_point>0">
					<view>退款积分</view>
					<view>{{configInfo.refund_point}} </view>
				</view>
				<view class="sbView" v-if="type==2 ||type == 1">
					<view>申请件数 </view>
					<view><text class="redView">{{configInfo.refund_num}}</text> 件</view>
				</view>
				<view class="sbView">
					<view>申请时间</view>
					<view>{{configInfo.create_time}}</view>
				</view>
				<view class="sbView">
					<view>退款编号</view>
					<view>{{configInfo.rights_code}}</view>
				</view>
				<view class="bzView">
					<view>退款备注</view>
					<view class="boxTextarea">{{configInfo.caption?configInfo.caption:'无'}}</view>
				</view>
				<!-- v-if="configInfo.voucher_images&&configInfo.voucher_images.length >0" -->
				<view class="bzView">
					<view>退款凭证</view>
					<view class="imgListOne">
						<view class="imgList u-flex-center" v-for="(imgsurl,indexs) in configInfo.voucher_images"
							:key="indexs">
							<image :src="imgsurl" mode="" class="imgsbox u-mr30"></image>
						</view>
					</view>
				</view>
			</view>
			<view><button class="u-btn-two" @click="revokeRights">撤销维权</button></view>
		</view>

		<view style="height: 30rpx;"></view>
		<view class="bg-fff  btn" v-if="type==2&&status==1" @click="sendLogial">
			<button class="u-btn-two u-bg-00321E u-FFF">确认提交</button>
		</view>

		<!--页面加载动画-->
		<ldLoading isFullScreen :active="loading"></ldLoading>
	</view>
</template>

<script>
	import ldgoodsbalck from "@/pages/order/orderList/components/ld-goods/ld-goodsBlack.vue"
	import ldAddress from "../../../components/ld-address/ld-address.vue"
	import ldMerchantAddress from "../../../components/ld-address/ld-merchant-address.vue"
	import ldshop from '../../../components/ld-shop/ld-shop.vue'
	import uploadImg from '../../../components/uploadImg/imgUpload.vue';

	export default {
		components: {
			ldAddress,
			ldgoodsbalck,
			ldshop,
			ldMerchantAddress,
			uploadImg
		},
		data() {
			return {
				statusRson: '商家拒绝了你的售后申请',
				configInfo: {},
				address: {},
				loading: true,
				type: 0,
				status: 0,
				last_agree_time: 0,
				last_ship_time: 0,
				last_receipt_time: 0,
				typeIndex: null,
				logVal: '',
				rightsId: null,
				userId: null,
				logisticsList: [], //申请类型
				listAll: [],
				config: {
					back: true, //false是tolbar页面 是则不写
					title: '售后订单详情',
					color: '#1A1A1A',
					//背景颜色;参数一：透明度（0-1）;参数二：背景颜色（array则为线性渐变，string为单色背景）
					backgroundColor: [1, '#FFFFFF'],
					statusBarFontColor: '#1A1A1A'
				},
				imgUrl: this.$mConfig.staticUrl,
				merchantPostInfo: {},
				merchantSellerInfo: {},
				upimgtype: 'rights',
				imgArray: [], //图片列表
			}
		},
		onLoad(options) {

			if (options.id) {
				this.getDetail(options.id)
				this.rightsId = options.id
			}

			if (options.type) {
				this.type = options.type

				if (options.type == 2) {
					if (options.shopid) {
						this.shopAddress(options.shopid)
					}
				}
			}
			if (options.status) {
				this.status = options.status

			}
				
			
			
			// status==0请等待商家处理
			// type==2&&status==1请退货并填写物流信息
			// type==1&&status==1商家已同意
			// status==6商家拒绝了你的售后申请
			// status==7自动关闭
			// status==8自动关闭
			// type==2&&status==2等待商家确认收货
			// type==2&&status==3"商家已同意申请，待打款
			// status==5退货/退款完成
		},
		mounted(){
			if (this.status == 0) {
				this.$refs.navbar.conf.title = "请等待商家处理"
			}
			
			if (this.type == 2 && this.status == 1) {
				this.$refs.navbar.conf.title = "请退货并填写物流信息"
			}
			if (this.type == 1 && this.status == 1) {
				this.$refs.navbar.conf.title = "商家已同意"
			}
			if (this.status == 6) {
				this.$refs.navbar.conf.title = "商家拒绝了你的售后申请"
			}
			if (this.status == 7) {
				this.$refs.navbar.conf.title = "自动关闭"
			}
			if (this.status == 8) {
				this.$refs.navbar.conf.title = "自动关闭"
			}
			if (this.type == 2 && this.status == 2) {
				this.$refs.navbar.conf.title = "等待商家确认收货"
			}
			if (this.type == 2 && this.status == 3) {
				this.$refs.navbar.conf.title = "商家已同意申请，待打款"
			}
			if (this.status == 5) {
				this.$refs.navbar.conf.title = "退货/退款完成"
			}
		},
		
		methods: {

			resultUrl(e) {
				this.imgArray = e;
			},
			delImg(e) {
				this.imgArray = e;
			},
			pickerChange(e) {
				console.log(e, 222)
				this.typeIndex = e.target.value
			},
			inputLog(e) {
				this.logVal = e.detail.value
			},
			//确认收货
			sendLogial() {
				if (this.logVal == "") {
					this.$mUtil.toast('请填写物流单号')
					return false
				}

				if (this.typeIndex == null || this.typeIndex == undefined) {
					this.$mUtil.toast('请选择物流公司')
					return false
				}
				if (this.configInfo.third) {
					if (this.imgArray.length == 0) {
						this.$mUtil.toast('请至少上传一张凭证')
						return false
					}
				}
				let data = {
					rights_order_id: this.rightsId,
					express_name: this.logisticsList[this.typeIndex].name,
					express_code: this.logisticsList[this.typeIndex].code,
					logistic_code: this.logVal,
					third_vouchers: this.configInfo.third ? this.imgArray : []
					// express_name: this.listAll[this.typeIndex].company,
					// express_code: this.listAll[this.typeIndex].logistics_code,
				}
				this.$http.post('/rights/ship', data)
					.then(res => {
						if (res && res.code == 200) {
							this.$mUtil.toast('提交成功')
							setTimeout(() => {
								uni.reLaunch({
									url: '/pages/order/orderList/orderList'
								})
							}, 1000)
						}
					})
				// let type = 1
				// this.$http.get('/config/notifytemp/getIdByType/' + type)
				//   .then(res => {
				//     if (res && res.code == 200) {
				//       if (res.data) {
				//         let arrid = []
				//         // arrid.push(res.data.wx_tempid)
				//         // wx.requestSubscribeMessage({
				//         // 	tmplIds: arrid,
				//         // 	success:res=> {
				//         // 		if(res.errMsg=='requestSubscribeMessage:ok'){

				//         // 	}
				//         // },

				//         // })
				//       } else {
				//         let data = {
				//           rights_order_id: this.rightsId,
				//           express_name: this.listAll[this.typeIndex].company,
				//           express_code: this.listAll[this.typeIndex].logistics_code,
				//           logistic_code: this.logVal,
				//         }
				//         this.$http.post('/rights/ship', data)
				//           .then(res => {
				//             if (res && res.code == 200) {
				//               this.$mUtil.toast('提交成功')
				//               setTimeout(() => {
				//                 uni.reLaunch({
				//                   url: '/pages/order/orderList/orderList'
				//                 })
				//               }, 1000)
				//             }
				//           })
				//       }


				//     }
				//   })


			},
			getDetail(id) {
				this.$http.get('/rights/info/' + id)
					.then(res => {
						this.loading = false
						if (res && res.code == 200) {
							this.configInfo = res.data
							this.last_agree_time = res.data.last_agree_time
							this.last_ship_time = res.data.last_ship_time
							this.last_receipt_time = res.data.last_receipt_time
							this.userId = res.data.user_id
							if (res.data.third) {
								this.getMerchantPostInfo(res.data.id)
								this.getMerchantLogistics()
							} else {
								this.getLogistics()
							}
							res.data.rights_order_operate_records.forEach(e => {
								if (e.rights_operate_status == 6) {
									this.statusRson = e.reason
								}
							})
						}
					})
			},
			//查看地址
			shopAddress(id) {
				this.$http.get('/returnaddress/info/' + id)
					.then(res => {
						this.loading = false
						if (res && res.code == 200) {
							this.address = res.data

						}
					})
			},
			getLogistics() {
				this.$http.get('/logistics/company/select')
					.then(res => {
						this.loading = false
						if (res && res.code == 200) {
							this.listAll = res.list
							res.list.forEach(items => {
								this.logisticsList.push({
									name: items.company,
									code: items.logistics_code
								})
							})
						}
					})
			},

			//查看物流
			// goLogistics(){
			// 	uni.navigateTo({
			// 		url:"../logistics?id="+this.orderid
			// 	})
			// },

			// 获取商家邮寄信息
			getMerchantPostInfo(id) {
				this.$http.get(`/rights/third/info/${id}`).then(res => {
					if (res.code == 200) {
						this.merchantPostInfo = res.data
						this.merchantSellerInfo = res.data.sellerInfo
					}
				})
			},

			// 获取商家物流体系
			getMerchantLogistics() {
				this.$http.get('/logistics/company/all').then(res => {
					if (res.code == 200) {
						this.listAll = res.data
						res.data.forEach(items => {
							this.logisticsList.push({
								name: items.name,
								code: items.code
							})
						})
					}
				})
			},

			// 撤销维权
			revokeRights() {
				this.$http.post('/rights/cancel' + '/' + this.userId + '/' + this.rightsId)
					.then(res => {
						if (!res) {
							that.$mUtil.toast('服务器返回数据格式错误');
						} else if (res.code === 200) {
							that.$mUtil.toast('撤销成功');
							setTimeout(() => {
								uni.reLaunch({
									url: '/pages/order/orderList/orderList'
								});
							}, 1000);
						} else {
							that.$mUtil.toast('服务器返回错误:' + JSON.stringify(res));
						}
					})
					.catch(err => {
						that.$mUtil.toast('服务器返回错误:' + JSON.stringify(err));
					});
			}

		}
	}
</script>

<style lang="scss">
	// page {
	// 	background-color: #F5F5F5;
	// }



	.imgListOne {
		display: flex;
		flex-wrap: wrap;
	}

	.cccfont {
		font-size: 26rpx;
		color: #eee;
	}

	.imgsbox {
		margin-right: 50rpx;
		width: 176rpx;
		height: 158rpx;
		border-radius: 20rpx;
		overflow: hidden;
		margin-top: 40rpx;
	}

	.grade-active {
		color: #FF5112;
	}

	.u-B3B3B3 {
		color: #B3B3B3;
	}

	.user_remark {
		background-color: #fff;
		padding: 30rpx;
		border-top: 1px solid #eee;
	}

	.boxTextarea {
		border: 1px solid #ededed;
		padding: 20rpx;
		box-sizing: border-box;
		margin-top: 31rpx;

		width: 673rpx;
		height: 77rpx;
		background: #F5F5F5;
		border-radius: 12rpx 12rpx 12rpx 12rpx;


	}

	.pabox {
		background-color: #fff;
		padding: 0 30rpx 140rpx;
		margin: 0 19rpx;
		border-radius: 40rpx;
		width: 712rpx;

		.h90 {
			height: 90rpx;
			line-height: 90rpx;
		}
	}

	.upb120 {
		padding-bottom: 140rpx;
	}

	.bg-fff {
		background-color: #FFFFFF;
	}

	.ptb22 {
		padding-top: 22rpx;
		padding-bottom: 22rpx;
	}

	.pt-pb25 {
		padding-top: 25rpx;
		padding-bottom: 25rpx;
	}

	.pt28-pb24 {
		padding-top: 28rpx;
		padding-bottom: 24rpx;
	}

	.iconfont58 {
		font-size: 58rpx;
	}

	.mt44 {
		margin-top: 44rpx;
	}

	.ml38 {
		margin-left: 38rpx;
	}

	.ml82 {
		margin-left: 82rpx;
	}

	.wt378 {
		width: 378rpx;
	}

	.wt504 {
		width: 504rpx;
	}

	.u-br-999 {
		border: 1px solid #999999;
	}

	.u-br-f00 {
		border: 1px solid #FF0000;
	}

	.bg-00321e {
		background: #0B844A;
	}

	.account-paid {
		padding: 44rpx 0rpx;
	}

	.account-paid image {
		width: 202rpx;
		height: 124rpx;
	}

	.btn {
		width: 100%;
		position: fixed;
		bottom: 0rpx;
		box-sizing: border-box;
		padding: 22rpx 30rpx;
	}

	.cancel-btn {
		margin-left: auto;
	}

	.cancel-btn,
	.pay-btn {
		width: 202rpx;
		height: 70rpx;
		line-height: 70rpx;
		border-radius: 35px;
		font-size: 28rpx;
		margin-right: 30rpx;
	}

	.top-state {
		// background-color: #F2F5FC;
		// padding: 35rpx 30rpx;
		padding: 0 19rpx;
		margin-top: 31rpx;

		// 待支付
		.obligation {
			display: flex;
			justify-content: space-between;

			.timeImg {
				display: none;
				width: 70rpx;
				height: 54rpx;
				margin-right: 40rpx;
			}
		}
	}

	.address {
		background-color: #FFFFFF;
		padding-top: 72rpx;

		.linkman {
			padding-bottom: 34rpx;
		}

		.remark {
			padding: 35rpx 0rpx 35rpx 50rpx;
		}
	}

	//弹窗填写物流信息
	.logisticsPopup {
		background-color: #FFFFFF;
		width: 100%;
		border-radius: 20rpx;

		.pd {
			padding: 15rpx 98rpx 68rpx;
		}

		input {
			height: 70rpx;
			line-height: 70rpx;
			border: 1rpx solid #cccccc;
			border-radius: 15rpx;
			padding-left: 8rpx;
			color: #999999;
		}

		.icon {
			margin-top: -65rpx;
		}

		.pl-pr {
			padding-left: 74rpx;
		}

		button {
			margin-top: 66rpx;
			background-color: #01331F;
			width: 345rpx;
		}
	}



	// 弹窗评价
	.popup {
		background-color: #F5F5F5;
		width: 100%;
		border-radius: 18rpx 18rpx 0px 0px;
	}

	.u-flex-sb {
		display: flex;
		justify-content: space-between;
		padding-top: 30rpx;
		padding-bottom: 30rpx;
		background-color: #FFFFFF;
		border-radius: 18rpx 18rpx 0px 0px;

		.pic {
			width: 155rpx;
			height: 155rpx;
		}
	}

	textarea {
		width: 100%;
		height: 210rpx;
		opacity: 0.66;
		border: 1rpx solid #e6e6e6;
		border-radius: 8rpx;
		padding-left: 22rpx;
		padding-top: 14rpx;
		box-sizing: border-box;
	}

	.evaluate-submit {
		margin-top: 58rpx;
		padding-bottom: 25rpx;
	}

	.evaluate-submit button {
		background-color: #0B844A;
		color: #FFFFFF;
	}

	.voucher-box {
		border-top: 1rpx solid #e6e6e6;
		padding-bottom: 20rpx;
	}

	.imgList {
		width: 200rpx;
		height: 200rpx;
	}

	.imgList .img {
		width: 200rpx !important;
		height: 200rpx !important;
		border-radius: 10rpx;
	}

	/deep/.listImg {
		margin-top: 0;
		margin-left: 0;
	}

	.sbView {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin-top: 31rpx;
	}

	.sbView view:nth-child(1) {
		font-weight: 600;
		font-size: 27rpx;
		color: #333333;
		line-height: 23rpx;
	}

	.sbView view:nth-child(2) {
		font-weight: 400;
		font-size: 27rpx;
		color: #333333;
		line-height: 38rpx;
	}

	.redView {
		color: #FF211F !important;
	}

	.bzView {
		margin-top: 31rpx;
	}

	.bzView view:nth-child(1) {
		font-weight: 600;
		font-size: 27rpx;
		color: #333333;
		line-height: 23rpx;
	}

	.blackinfos {
		width: 712rpx;
		margin-top: 19rpx;
		border-radius: 40rpx;
		padding: 30rpx;
		box-sizing: border-box;
		margin-bottom: 19rpx;

	}

	.close_modeClass {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		font-weight: 400;
		font-size: 27rpx;
		color: #FF211F;
		line-height: 27rpx;
	}

	.close_modeClassNo {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		font-weight: 400;
		font-size: 27rpx;
		color: #999999;
		line-height: 27rpx;
	}

	.u-btn-two {
		width: 673rpx;
		height: 96rpx;
		background: #FF211F;
		border-radius: 19rpx 19rpx 19rpx 19rpx;
		font-weight: 400;
		font-size: 29rpx;
		color: #FFFFFF;
		line-height: 40rpx;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-top: 36rpx;
	}
</style>